<template>
    <div class="forgot">
        <van-cell-group :border="false">
            <div class="border-b van-hairline--bottom">
                <van-field :border="false" v-model="username" name="企业ID" placeholder="企业ID" />
            </div>
            <div class="border-b van-hairline--bottom">
                <van-field :border="false" v-model="account" type="account" name="账号" placeholder="账号或手机号" />
            </div>
            <div class="forgot__code van-hairline--bottom border-b">
                <van-field :border="false" v-model="code" name="验证码" placeholder="请输入验证码" />
                <span class="text">获取验证码</span>
            </div>
            <div class="forgot__btn">
                找回密码
            </div>
            <div class="forgot__tip">

                <div class="login__xy"><van-icon style="margin-right: 6px;" size="14px" name="info-o"
                        color="#0DC678" />若未绑定手机号，请联系管理员进行重置密码</div>
            </div>
        </van-cell-group>
    </div>
</template>
<script setup>
import { ref } from "vue"
const username = ref('');
const account = ref('');
const code = ref('');
const checked = ref(true)
</script>
<style lang="scss" scoped>
.forgot {
    height: 100vh;
    background-color: #fff;
    box-sizing: border-box;
    padding: 36px;

    .border-b {
        margin-bottom: 10px;

        ::v-deep .van-cell {
            padding: 10px 0;
        }
    }

    &__code {
        display: flex;
        align-items: center;


        .text {
            white-space: nowrap;
            color: #0DC678;
        }
    }

    &__tip {
        padding-top: 26px;
        display: flex;
        justify-content: center;
    }

    &__xy {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #676B6B;

        span {
            color: #0DC678;
        }
    }

    &__btn {
        margin-top: 37px;
        padding: 13px 0;
        font-family: PingFangSC-Regular;
        font-size: 17px;
        color: #FFFFFF;
        text-align: center;
        background-image: linear-gradient(270deg, #1CA893 0%, #1BCD74 100%);
        border-radius: 22px;
    }
}
</style>